@charset "utf-8";
@import "common/run";
.web {
    header {
        .a {
            position: relative;
            .abc {
                width: r(26px);
                height: r(26px);
                border-radius: 50%;
                background: red;
                text-align: center;
                line-height: r(26px);
                color: white;
                font-size: r(16.21px);
                position: absolute;
                top: r(20px);
                left: r(20px);
            }
        }
    }
    // -----------中---all
    .section {
        width: 100%;
        position: absolute;
        top: r(89px);
        bottom: r(91px);
        overflow-y: auto;
        .section1 {
            width: r(583px);
            margin: 0 auto;
            font-size: r(20px);
            color: #c5c5c5;
            .p1 {
                padding-top: r(42px);
                font-size: r(30px);
                color: #010101;
            }
            .p2 {
                text-align: right;
                margin-top: 15px;
            }
            i {
                font-size: r(19px);
            }
            i:nth-of-type(1) {}
            i:nth-of-type(2) {
                //               font-size:r(19px) ;
                margin-left: r(30px);
            }
            i:hover {
                color: #B20000;
            }
            .p3 {
                text-align: right;
                margin-top: r(10px);
                font-size: r(22px); //              margin-left: r(340px);
                a {
                    color: #B20000;
                    margin-left: r(10px);
                }
            }
        }
        .section2 {
            border-bottom: 1px solid #7D7D7D;
            width: r(583px);
            box-sizing: border-box;
            margin: 0 auto;
            font-size: r(20px);
            color: #c5c5c5;
            p:nth-of-type(1) {
                text-indent: 2em;
                padding: r(43px) 0 r(35px);
            }
            p:nth-of-type(2) {
                text-indent: 2em;
                padding: r(0px) 0 r(35px);
            }
            span {
                padding-top: r(32px);
                width: 100%;
                height: r(233px);
                img {
                    width: 100%;
                }
            }
            p:nth-of-type(3) {
                text-indent: 2em;
                padding: r(45px) 0 r(0px);
            }
            p:nth-of-type(4) {
                text-indent: 2em;
                padding: r(45px) 0 r(0px);
            }
            p:nth-of-type(5) {
                text-indent: 2em;
                padding: r(45px) 0 r(0px);
            }
            p:nth-of-type(6) {
                //              text-indent: 2em;
                padding: r(45px) 0 r(29px);
            }
        }
        .section_foot {
            ul {
                width: 100%;
                overflow: hidden;
                padding: r(27px) 0;
                text-align: center;
                >li {
                    float: left;
                    a {
                        color: #7D7D7D;
                        div {
                            width: r(66px);
                            height: r(66px);
                            border: 1px solid #7D7D7D;
                            border-radius: 50%;
                            text-align: center;
                            line-height: r(66px);
                            color: #7D7D7D;
                            i {
                                font-size: r(28px);
                            }
                        }
                    }
                }
                >li:first-child {
                    margin-left: r(130px);
                }
                >li:nth-child(2) {
                    margin-left: r(55px);
                }
                >li:last-child {
                    margin-left: r(55px);
                }
            }
        }
    }
    
}